<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>歌单中的歌曲</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../css/style.min.css" rel="stylesheet">
</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">
            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <h1 style="text-align: center;color: #33cabb;">松林音乐</h1>
            </div>
            <div class="lyear-layout-sidebar-scroll">
                <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                        <li class="nav-item active"> <a href="user_list.html"><i class="mdi mdi-home"></i>
                            用户管理</a> </li>
                        <li class="nav-item active"> <a href="singer_list.html"><i class="mdi mdi-home"></i>
                            歌手管理</a> </li>
                        <li class="nav-item active"> <a href="musicList_list.html"><i class="mdi mdi-home"></i>
                            歌单管理</a> </li>
                    </ul>
                </nav>
            </div>
        </aside>
        <!--End 左侧导航-->
        <!--头部信息-->
        <div id="header"></div>
        <!--End 头部信息-->
        <!-- 主题内容 -->
        <!--页面主要内容 table table-striped table-hover-->
        <main class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-toolbar clearfix">
                                <div class="toolbar-btn-action">
                                    <a class="btn btn-danger" id="delMore">
                                        <i class="mdi mdi-window-close"></i>移除</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <form  id="myForm" method="post">
                                        <table class="table table-bordered">
                                            <h4 id="musicListName"></h4>
                                            <thead>
                                            <tr>
                                                <th>
                                                    <label class="lyear-checkbox checkbox-primary">
                                                        <input type="checkbox" id="check-all"><span></span>
                                                    </label>
                                                </th>
                                                <th>歌曲名</th>
                                                <th>歌手名</th>
                                                <th>移除</th>
                                            </tr>
                                            </thead>
                                            <tbody id="musicMsg">
                                            <h4 id="errorMsg"></h4>
                                            </tbody>
                                        </table>
                                    </form>
                                </div>
                                <ul class="pagination" id="pageUl">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>
</body>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="../js/main.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../js/getParameter.js"></script>
<script type="text/javascript" src="../myjs/musicInList.js"></script>
<!--导入布局js，共享header和footer-->
<script type="text/javascript" src="../js/include.js"></script>
</html>